<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title></title>
<style>
	.h4 {
		font-size: 1.5rem;
		line-height: 2.25rem;
	}
	.h3 {
		font-size: 1.75rem;
		line-height: 2.625rem;
	}
	.h2 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.h1 {
		font-size: 2rem;
		line-height: 3rem;
	}
	* {
		font-family: Arial, Helvetica, sans-serif, "Microsoft Yahei", "微軟雅黑";
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		text-decoration: none;
		list-style: none;
	}
	.content {
		max-width: 1280px;
		margin: 0 auto;
		width: 100%;
		display: flex;
		text-align: center;
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
	}
	.content h1 {
		font-size: 150px;
		color: #1374b2;
		flex-basis: 100%;
		margin-top: 10%;
	}
	.content h2 {
		font-size: 50px;
		color: #1374b2;
		flex-basis: 100%;
	}
	.content h3 {
		font-size: 22px;
		color: #292929;
		flex-basis: 100%;
		margin-top: 3%;
	}
	@media only screen and (max-width: 766px) {
		.content h3 {
			font-size: 15px;
			margin-top: 5%;
		}
	}
	.logo {
		width: 181px;
		padding: 10px;
	}
</style>
</head>
<body>
	<div class="content" style="background-color: #915ff5">
		<h1>xx</h1>
		<th:block th:if="(${#locale.language} eq 'zh')"><h2>欢迎使用 WMS 仓库管理系统</h2>
		<h3>Welcome to the Warehouse Management System</h3></th:block>
		<th:block th:unless="(${#locale.language} eq 'zh')"><h2>Warehouse Management System</h2>
		<h3></h3></th:block>
		<h3><img src="/css/images/ep.png?v=0.0.1" class="logo" /></h3>
	</div>
</body>
</html>